import React from 'react'
import Code from './Code'
import style from './style'
import { Link, TitleBar, NavContent } from '../ui-components'

export default () => (
	<div className={style.root}>
		<Code>{'<NavContent item={() => {..}} navs=[[..], [..], ..]>{..}</NavContent>}>'}</Code>
		<div>
			<div style={{
				position: 'absolute',
				top: '106px',
				bottom: 0,
				right: 0,
				left: '41px'
			}}>
				<div style={{
					position: 'relative',
					minHeight: '100%',
					margin: '0 87px'
				}}>
					<NavContent
						navs={
							[
								[
									{name: 'companySettings', show:'公司设置'}, 
									{name: 'approvalRoleSettings', show: '审批角色设置'},
									{name: 'profileSettings', show: '员工档案模板设置'}
								]
							]
						} 
						item={
							({name, show, active, index}) => <Link active={name === 'home' && active} color="blue" size="16" icon={name}>{show}</Link>
						}
					>
						<div>
							<TitleBar label="员工档案模板设置"/>
						</div>
					</NavContent>
				</div>
			</div>
		</div>
	</div>
)
